// import 'package:flutter/material.dart';
// import 'package:ichinesereader/controller/cache.dart';
// import 'package:ichinesereader/controller/evaluation.dart';
// import 'package:ichinesereader/utils/log.dart';
// import 'package:ichinesereader/widgets/layouts/customAppBar.dart';
// import 'package:hive_flutter/hive_flutter.dart';
// import 'package:get/get.dart';
// import 'package:syncfusion_flutter_treemap/treemap.dart';

// // ignore: must_be_immutable
// class EvaluationProficiencySkillProgressTreeMap extends StatefulWidget {
//   EvaluationProficiencySkillProgressTreeMap(
//       {Key? key,
//       required this.level,
//       required this.skillId,
//       required this.skillTitle})
//       : super(key: key);
//   String skillId;
//   String level;
//   String skillTitle;

//   @override
//   State<EvaluationProficiencySkillProgressTreeMap> createState() =>
//       _EvaluationProficiencySkillProgressTreeMapState();
// }

// class _EvaluationProficiencySkillProgressTreeMapState
//     extends State<EvaluationProficiencySkillProgressTreeMap> {
//   final box = Hive.box('appconfig');
//   final EvaluationController controller = Get.find();

//   @override
//   void initState() {
//     String _classId = box.get(CacheManagerKey['currentclass'].toString()) ?? '';
//     Future.delayed(Duration(milliseconds: 600), () {
//       if (_classId != '') {
//         controller.fetchEvaluationProficiencySkillProgressData(
//             _classId, widget.level, widget.skillId);
//       }
//     });
//     super.initState();
//   }

//   @override
//   Widget build(BuildContext context) {
//     Log.debug('build evaluation proficiency skill progress treemap');

//     return Scaffold(
//       appBar: CustomAppBar(title: this.widget.skillTitle),
//       body: Center(
//         child: Column(
//           children: [
//             Expanded(
//               child: controller.obx(
//                 (data) {
//                   if (controller.evaluationProficiencySkillProgressData.length >
//                       0) {
//                     return GestureDetector(
//                       onTap: () {
//                         // to add show details
//                       },
//                       child: SfTreemap(
//                         dataCount: controller
//                             .evaluationProficiencySkillProgressData.length,
//                         weightValueMapper: (int index) {
//                           return 1;
//                           // return controller
//                           //         .evaluationProficiencySkillProgressData[index].progress!
//                           //         .toDouble() +
//                           //     1;
//                         },
//                         levels: [
//                           TreemapLevel(
//                               groupMapper: (int index) {
//                                 return controller
//                                     .evaluationProficiencySkillProgressData[
//                                         index]
//                                     .userName;
//                               },
//                               color: Get.theme.primaryColorLight,
//                               labelBuilder:
//                                   (BuildContext context, TreemapTile tile) {
//                                 var sData = controller
//                                     .evaluationProficiencySkillProgressData
//                                     .where(
//                                       (element) =>
//                                           element.userName == tile.group,
//                                     )
//                                     .first;
//                                 double progressPercentage =
//                                     (sData.progress!.toInt() /
//                                             sData.total!.toInt()) *
//                                         100.toDouble();
//                                 return Padding(
//                                   padding: const EdgeInsets.all(8.0),
//                                   child: Text(
//                                     // '${tile.group} - ${sData.progress / sData.total * 100}%',
//                                     '${tile.group} - ${progressPercentage.toPrecision(0).toString()}%',
//                                     style: TextStyle(color: Colors.black),
//                                   ),
//                                 );
//                               }),
//                         ],
//                       ),
//                     );
//                   } else {
//                     return Visibility(
//                       child: Text(''),
//                       visible: false,
//                     );
//                   }
//                 },
//                 onEmpty: Text('Data not available ...'.tr),
//                 onLoading: Center(child: CircularProgressIndicator()),
//               ),
//             ),
//           ],
//         ),
//       ),
//     );
//   }
// }
